<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="img/pic_bulboff.gif" id="a"/>
		
		<script>
			//点击图片：切换图片
			//步骤：1.找到html元素对象2.改变元素对象（修改src）
			var a=document.getElementById("a");
			a.onclick=function(){
				//判断当前是图片的src是off 设置src=on，否则设置src=off
				if(a.src.indexOf('off')!=-1){
					a.src="img/pic_bulbon.gif";
				}else{
					a.src="img/pic_bulboff.gif";
				}
			};
		</script>
	</body>
</html>
